<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
        * {
            padding: 0px;
            margin: 0px;
        }

        body {
            background: #F1F1F1;
        }

        .body {
            border: 1px solid blue;
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -600px;
            margin-top: -125px;
        }

        .login {
            border: 1px solid #C4C4C4;
            border: 5px solid black;
            background: #FBFBFB;
            width: 500px;
            height: 300px;
            margin-right: 100px;
            /*overflow: hidden;*/
            position: relative;
            float: right;
        }

        .left {
            clear: both;
            border: 6px solid blue;
            float: left;
            width: 500px;
        }
        .login .button {
            display: block;
            width: 320px;
            margin-left: 5px;
            height: 42px;
            line-height: 42px;
            color: black;
            font-size: 16px;
            font-weight: bold;
            background-color: #6FD7D6;
        }

        .login .login_input input {
            padding-left: 10px;
            margin-left: 10px;
            margin-bottom: 10px;
            width: 300px;
            height: 40px;
            line-height: 40px;
            /* margin-left: 38px; */
            font-size: 14px;
        }

        .neirong {
          
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
        }

    </style>
</head>
<body>
<div class="body">
    <div class="left">
        <div class="logo">
            <img src="./login.png">
        </div>
    </div>
    <div class="login">
        <div class="neirong">
            <div class="login_input">
                <input type="text" placeholder="手机号/帐号" name="">
                </input>
                <input type="password" placeholder="密码" name="">
                </input>
            </div>
            <div class="congxin">
                <input type="checkbox" name=""><span>记住密码</span>
                <span class="wjmi">忘记密码?</span>
            </div>
            <input class="button" type="submit" value="登录"></input>
        </div>
    </div>
</div>
</body>
</html>